<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="Cache-Control" content="No-Cache">
	<meta http-equiv="Pragma" content="No-Cache">

	<title>운세의 신</title>

	<link rel="stylesheet" type="text/css" href="/css/common.css" />
	
	<link rel="stylesheet" type="text/css" href="/css/join.css"/>

	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	<script type="text/javascript" src="/js/ipin.js"></script>

	<script type="text/javascript">
		$(document).ready(function() {
			
			$('#id_name_tab').click(function() {
				$(this).removeClass('off').addClass('on');
				$('#id_ipin_tab').removeClass('on').addClass('off');
				$('#search_id .name').show();
				$('#search_id .ipin').hide();
			});

			$('#id_ipin_tab').click(function() {
				$(this).removeClass('off').addClass('on');
				$('#id_name_tab').removeClass('on').addClass('off');
				$('#search_id .ipin').show();
				$('#search_id .name').hide();
			});

			$('#pw_name_tab').click(function() {
				$(this).removeClass('off').addClass('on');
				$('#pw_ipin_tab').removeClass('on').addClass('off');
				$('#search_pw .name').show();
				$('#search_pw .ipin').hide();
			});

			$('#pw_ipin_tab').click(function() {
				$(this).removeClass('off').addClass('on');
				$('#pw_name_tab').removeClass('on').addClass('off');
				$('#search_pw .ipin').show();
				$('#search_pw .name').hide();
			});
		});
	</script>

	<script type="text/javascript">
	
		function userIdCheck(user_id) {
			if (user_id == '') {
				alert("아이디를 입력하세요.");
				return false;
			}
			return true;
		}
	
		function openAnsimCheckPw() {
			var user_id = document.getElementById('user_id1').value;
			if (userIdCheck(user_id) == true) {
				openAnsimCheck('FIND_PW',user_id);			
			}
		}

		function openIpinPw() {
			var user_id = document.getElementById('user_id2').value;
			if (userIdCheck(user_id) == true) {
				openIpin('FIND_PW',user_id);			
			}
		}
	</script>
</head>
<body>
<div id="wrap">
	<!-- Header -->
	<? include_once $_SERVER['DOCUMENT_ROOT'].'/include/commons/main_header.php'; ?>
	<!--// Header -->
    
    <!--커튼 데코레이션-->
	<div class="drapes">
		<p class="drap1"><img src="/images/main/drapes.png" /></p>
        <p class="keybox blind">키비쥬얼</p>
		<p class="drap2"><img src="/images/main/drapes.png" /></p>
	</div>
	<!--//커튼 데코레이션-->
    
	<!-- Contents -->
	<div class="container">
		<h2 class="tidpw blind">아이디/비밀번호 찾기</h2>
		<span class="visual blind">비쥬얼</span>
		<!--서브타이틀-->
	
		<div class="contents">
			<div class="sub">
				<div class="id">
					<h3><img src="/images/member/sstit_idsh.png" alt="아이디찾기" /></h3>
					<div class="tab">
						<ul class="tline">
							<li class="on" id="id_name_tab" style="cursor: pointer">실명인증</li>
							<li class="off end" id="id_ipin_tab" style="cursor: pointer">아이핀</li> 
						</ul>
					</div>
					<p class="joinConfirmText">입력하신 개인정보는 회원님의 동의 없이 제3자에게 제공되지 않으며, 개인정보취급방침에 따라 보호되고 있습니다. </p>
					<div class="joinConfirm" id="search_id">
						<div class="name" >
							<p class="nameText"><span class="bold">주민등록번호</span>로 가입하셨으면<br />	아래 '<span class="bold">실명인증 하러가기</span>' 버튼을 눌러 아이디 찾기를 진행해 주세요. </p>
							<a href="javascript:;" onclick="openAnsimCheck('FIND_ID')" class="ipinbt"><img src="/images/member/bt_name.png" alt="실명인증하러가기"   /></a>
						</div>
						<!--실명인증-->
						<div class="ipin" style="display:none" >
							<p class="ipinText"><span class="bold">아이핀(i-pin)</span>로 가입하셨으면<br />
								아래 '<span class="bold">아이핀(i-pin) 인증 받기</span>' 버튼을 눌러 아이디 찾기를 진행해 주세요. </p>
							<a href="javascript:;" onclick="openIpin('FIND_ID')" class="ipinbt"><img src="/images/member/bt_ipin.png" alt="아이핀인증받기"   /></a>
						</div>
						<!--아이핀-->
					
						<div class="idtext">
							<dl>
								<dd>입력하신 정보는 신용평가기관에 <span class="point">본인확인용</span>으로 제공됩니다.</dd>
								<dd>타인의 정보를 부정하게 사용하는 경우 <span class="point">3년 이하의 징역</span> 또는 <span class="point">1천만원 이하의 벌금</span>에 처해지게 됩니다. <br />
									※ 관련법률 : 주민등록법 제 37조(벌칙) </dd>
							</dl>
						</div>
						<!--인증설명-->  
					</div>
					<!--joinConfirm-->
				</div><!--id-->
			
				<div class="pw">
					<h3><img src="/images/member/sstit_pwsh.png" alt="비밀번호찾기" /></h3>
					<div class="tab">
						<ul>
							<li class="on" id="pw_name_tab" style="cursor: pointer">실명인증</li>
							<li class="off end" id="pw_ipin_tab" style="cursor: pointer">아이핀</li> 
							<p class="blind tline">라인</p>   
						</ul>
					</div>
					<p class="joinConfirmText">입력하신 개인정보는 회원님의 동의 없이 제3자에게 제공되지 않으며, 개인정보취급방침에 따라 보호되고 있습니다. </p>
					<div class="joinConfirm" id="search_pw">
						<div class="name" >
							<p class="nameText"><span class="bold">주민등록번호</span>로 가입하셨으면<br />	아이디를 입력하시고 아래 '<span class="bold">실명인증 하러가기</span>' 버튼을 눌러 비밀번호 찾기를 진행해 주세요.</p>
							<p class="nameID">아이디 : <input type="text" id="user_id1" class="inpText" /></p><br>
							<a href="javascript:;" onclick="openAnsimCheckPw()" class="ipinbt"><img src="/images/member/bt_name.png" alt="실명인증하러가기"   /></a>
						</div>
						<!--실명인증-->
						<div class="ipin" style="display:none" >
							<p class="ipinText"><span class="bold">아이핀(i-pin)</span>로 가입하셨으면<br />아이디를 입력하시고 아래 '<span class="bold">아이핀(i-pin) 인증 받기</span>' 버튼을 눌러 비밀번호 찾기를 진행해 주세요.</p>
							<p class="nameID">아이디 : <input type="text" id="user_id2" class="inpText" /></p><br>
							<a href="javascript:;" onclick="openIpinPw()" class="ipinbt"><img src="/images/member/bt_ipin.png" alt="아이핀인증받기"   /></a>
						</div>
						<!--아이핀-->
						<div class="idtext">
							<dl>
								<dd>입력하신 정보는 신용평가기관에 <span class="point">본인확인용</span>으로 제공됩니다.</dd>
								<dd>타인의 정보를 부정하게 사용하는 경우 <span class="point">3년 이하의 징역</span> 또는 <span class="point">1천만원 이하의 벌금</span>에 처해지게 됩니다. <br />
									※ 관련법률 : 주민등록법 제 37조(벌칙) </dd>
							</dl>
						</div>
						<!--인증설명-->  
					</div>
					<!--joinConfirm-->
				</div><!--pw-->
			
				<div class="bt_area">
					<a href="#" class="btyes"><img src="/images/common/bt_ok.png" alt="확인" complete="complete" /></a>
					<a href="#" class="btno"><img src="/images/common/bt_cancle.png" alt="취소" complete="complete" /></a>
				</div>
			</div>
			<!--sub--> 
		</div>
		<!--컨텐츠영역-->
	
	
		<div class="line"></div>
		<div class="joinbenefit">
			<h3 class="blind">운세의 신 무료가입 파격 혜택</h3>
			<p><img src="/images/member/img_freejoin.png" alt="운세의 신 무료가입 파격 혜택내용" /></p>
		</div>
		<!--이벤컨텐츠영역-->
	</div><!--container-->
	<!--// Contents -->
	
	<!-- Footer -->
	<? include_once $_SERVER['DOCUMENT_ROOT'].'/include/commons/main_footer.php'; ?>
	<!--// Footer -->
</div>
</body>
</html>